<template>
<p>初始msg:{{ msg }}</p> 
 <p>反转后msg:{{ reversedMsg }}</p>
 <button @click="editMsg">更改</button>
</template>

<script setup>
import { ref ,computed} from 'vue';
let msg = ref("Hello World");
let reversedMsg = computed(function(){
return msg.value.split("").reverse().join("");
});
function editMsg(){
    msg.value="Hello";
}
//将 Hello World进行翻转
// function editMsg() {
// reversedMsg.value=msg.value.split("").reverse().join("");
// }

</script>

<style>

</style>